<template>

    <a-tag :color="getColorByValue(value)">{{ value }}</a-tag>
</template>
<script setup>
const props = defineProps({
    value: {
        type: String,
        default: 'ACTIVE'
    }
})
const getColorByValue = (value) => {
    // 使用 find() 方法查找 value 对应的元素\
    if (value == "审批中") {
        return "#3B87F7";
    }
    if (value == "已完成") {
        return "rgb(82, 196, 26)";
    }
    return "red";;
}


</script>